<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>广西特产</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../common/base.css">
    <link rel="stylesheet" href="../layout/head/index.css">
    <link rel="stylesheet" href="../layout/footer/index.css">
    <link rel="stylesheet" href="../layout/helper/index.css">
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <!-- 头部开始 -->
    <div class="head-container" >
        <div class="head-wrapper">
            <div class="nav-wrapper">
                <h1 class="logo-wrapper">
                    <a href="../index.html" class="logo">
                        <img src="../image/logo.png" alt="" class="logo-img">
                    </a>
                </h1>

                <div class="nav-list">
                    <ul class="nav-items">
                        <li class="nav-item"><a href="../food/index.html" target="_self" class="nav-link">广西美食</a>
                        </li>
                        <li class="nav-item"><a href="../scenery/index.html" target="_self" class="nav-link">广西美景</a>
                        </li>
                        <li class="nav-item"><a href="./index.html" target="_self" class="nav-link">广西特产</a></li>
                        <li class="nav-item"><a href="../festival/index.html" target="_self" class="nav-link">特色节日</a>
                        </li>
                        <li class="nav-item"><a href="../contact/index.html" target="_self" class="nav-link">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="login-wrapper">
                <div class="login-btn">
                    <a href="../login/login.html">
                        <div class="btn">登录</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 主要内容开始 -->
    <div class="container">
        <div class="specialty-wrap">
            <ul class="items">
                <li class="list">
                    <div class="list-img">
                        <img src="../image/壮锦.png" alt="">
                    </div>
                    <div class="list-text">
                        <h5 class="title"><div class="icon"><img src="../image/布料.svg" alt=""></div>广西壮锦</h5>
                        <p class="explain">壮锦，与云锦、蜀锦、宋锦并称中国四大名锦，据传起源于宋代，是中华民族文化瑰宝。</p>
                    </div>
                </li>
                <li class="list">
                    <div class="list-img">
                        <img src="../image/桂林三花酒.png" alt="">
                    </div>
                    <div class="list-text">
                        <h5 class="title"><div class="icon"><img src="../image/酒.svg" alt=""></div><p>桂林三花酒</p></h5>
                        <p class="explain">“桂林三宝”之一三花酒，桂林三花酒是中国米香型白酒的代表，被誉为米酒之王，是桂林人的骄傲。</p>
                    </div>
                </li>

                <li class="list">
                    <div class="list-img">
                        <img src="../image/永福罗汉果.png" alt="">
                    </div>
                    <div class="list-text">
                        <h5 class="title"><div class="icon"><img src="../image/罗汉果.svg" alt=""></div>永福罗汉果</h5>
                        <p class="explain">永福罗汉果发源于永福县龙江乡，有着“东方神果”的美称。其外形黄润，光泽度较好，肉多，籽少，果肉纤维细，香甜味纯正。</p>
                    </div>
                </li>
                <li class="list">
                    <div class="list-img">
                        <img src="../image/容县沙田柚.png" alt="">
                    </div>
                    <div class="list-text">
                        <h5 class="title"><div class="icon"><img src="../image/柚子.svg" alt=""></div>容县沙田柚</h5>
                        <p class="explain">沙田柚因广西容县沙田村最开始种植，所以叫做沙田柚。沙田柚的营养价值还是比较高的。其果肉爽脆，味甜，但水分比较少。</p>
                    </div>
                </li>
                <li class="list">
                    <div class="list-img">
                        <img src="../image/灵山荔枝.jpg" alt="">
                    </div>
                    <div class="list-text">
                        <h5 class="title"><div class="icon"><img src="../image/荔枝.svg" alt=""></div>灵山荔枝</h5>
                        <p class="explain">灵山荔枝以果大、色美、肉厚、核小、质脆、汁多、味甜见长，出产的荔枝色泽鲜艳，果肉细嫩爽脆，入口清甜，以品种优良、味道醇香而名满天下。</p>
                    </div>
                </li>
                <li class="list">
                    <div class="list-img">
                        <img src="../image/玉林牛巴.jpg" alt="">
                    </div>
                    <div class="list-text">
                        <h5 class="title"><div class="icon"><img src="../image/牛巴.svg" alt=""></div>玉林牛巴</h5>
                        <p class="explain">玉林牛巴，色似咖啡，油亮，香味浓郁，咸甜适口，鲜美爽口，韧而不坚，具有“甘香味道妙”的特点，是玉林最负盛名的特色风味小吃。</p>
                    </div>
                </li>
                <li class="list">
                    <div class="list-img">
                        <img src="../image/桂花糕.jpg" alt="">
                    </div>
                    <div class="list-text">
                        <h5 class="title"><div class="icon"><img src="../image/桂花糕.svg" alt=""></div>桂林桂花糕</h5>
                        <p class="explain">桂林的桂花糕，淡黄色的糕体，表面是花瓣的形状，淡淡的清香，甜而不腻的口感，一口一个都不噎喉。</p>
                    </div>
                </li>
                <li class="list">
                    <div class="list-img">
                        <img src="../image/龟苓膏.jpg" alt="">
                    </div>
                    <div class="list-text">
                        <h5 class="title"><div class="icon"><img src="../image/龟苓膏.svg" alt=""></div>梧州龟苓膏</h5>
                        <p class="explain">龟苓膏主要以鹰嘴龟和土茯苓为原料，再配生地等药物精制而成。其性温和，具有清热去湿、滋阴补肾、养颜提神等功效。</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>




    <!-- 主要内容结束-->


    <!-- 底部开始 -->
    <div class="footer-container">
        <div class="footer-wrapper">
            <div>Copyright © 我的家乡2022 猫猫</div>
        </div>
    </div>
    <!-- 底部结束 -->
    <!-- 侧边栏开始 -->
    <a href="#to-head">
        <div class="helper-wrapper">
            <div class="to-top">
                <div class="to-top-img">
                    <img src="../image/totop.svg" alt="">
                </div>
                <span class="to-top-title">顶部</span>
            </div>
        </div>
    </a>
    <!-- 侧边栏结束-->

</body>

</html>